.app {
  background-image: url("/public/img/bg.jpeg");
  color: #fff;
  .app_header {
    height: 80px;
    background-image: url("/public/img/head_bg.png");
    background-size: 100% 100%;
    position: relative;
    color: white;
    h2 {
      text-align: center;
      line-height: 80px;
    }
    span {
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
    }
  }
  .main {
    display: flex;

    .left {
      flex: 6;
      padding: 10px;
      // background-color: red;
    }
    .mid {
      flex: 12;
      padding: 10px;
      // background-color: skyblue;
    }
    .right {
      flex: 6;
      padding: 10px;
      // background-color: red;
    }
  }
}

.dv-scroll-board .header {
  background-color: transparent !important;
}

.three {
  .row-item {
    .ceil {
      &:nth-child(1) {
        span {
          background-color: #ccc;
        }
      }
    }

    &:nth-child(1) {
      .ceil {
        &:nth-child(1) {
          span {
            background-color: rgb(219, 79, 97);
          }
        }
      }
    }

    &:nth-child(2) {
      .ceil {
        &:nth-child(1) {
          span {
            background-color: rgb(232, 146, 83);
          }
        }
      }
    }

    &:nth-child(3) {
      .ceil {
        &:nth-child(1) {
          span {
            background-color: rgb(106, 186, 242);
          }
        }
      }
    }
  }
}
